<template>
  <RouterView />
  <van-tabbar v-if="$route.meta.requiresAuth" @change="change" route active-color="#ee0a24">
    <van-tabbar-item replace to="/home">
      <i class="iconfont icon-shouye"></i>
      <span>精选</span>
    </van-tabbar-item>
    <van-tabbar-item replace to="/classify">
      <i class="iconfont icon-fenlei"></i>
      <span>分类</span>
    </van-tabbar-item>
    <van-tabbar-item replace to="/shopping">
      <i class="iconfont icon-gouwuche"></i>
      <span>购物车</span>
    </van-tabbar-item>
    <van-tabbar-item replace to="/mine">
      <i class="iconfont icon-wode"></i>
      <span>我的</span>
    </van-tabbar-item>
  </van-tabbar>
</template>

<script setup>


</script>

<style lang="scss" scoped>
.van-tabbar {
  :deep(.van-tabbar-item__text) {
    display: flex !important;
    flex-direction: column;
  }

  .iconfont {
    font-size: 25px;
  }
}
</style>